<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // function getP(){
        // // 如果获取到是null，表示没有获取成功
        // var oP=document.getElementById('p1');
        // alert(oP)}
        // window.onload=getP
        function setP(){
            var oP=document.getElementById('p1');
            // oP.style.background="red";
            oP.className="pstyle"
        }
    </script>
    <style>
        .pstyle{
            color: tomato;
            width: 200px;
            height: 200px;
        }
    </style>
</head>
<body>
    <p id='p1' >段落标签</p>
    <!-- 点击获得属性，修改属性 -->
    <input type="button" onclick="setP()" value="点我">
</body>
</html>